<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>javascript study</title>
    </head>
    <body>
        <script >
        function mycheck(){
            var inputobj = document.getElementById("idinput");
            var msg = "输入值未溢出"
            if(inputobj.validity.rangeOverflow){
                msg = "输入值有溢出"
            }
            document.getElementById("result").innerHTML = msg;
        }
        </script>
        <input id="idinput" type="number" min="10" max="100" required>
        <button onclick="mycheck()">验证</button>
        <p id="result"></p>

    </body>
</html>